<template>
  <div id="app" class="app">
    <div class="app-container">
      <el-container class="layout-container">
        <aside-component v-if="!isLoginPage"></aside-component>
        <el-container class="main-container">
          <el-main>
            <RouterView></RouterView>
          </el-main>
        </el-container>
      </el-container>
    </div>
  </div>
</template>

<script>
import AsideComponent from "./components/aside/aside.vue";
import { RouterView } from "vue-router";
import { useRoute } from "vue-router";
import { computed } from 'vue';


export default {
  name: "App",
  components: {
    AsideComponent,
  },
  setup() {
    const route = useRoute();
    const isLoginPage = computed(() => route.path === "/login");

    return {
      isLoginPage,
    };
  },
};
</script>

<style lang="scss">
/* 样式保持不变 */
</style>
